<template>
    <view>
        <byt-dialogue height="calc(100vh - 180rpx)" :config="agentConfig"></byt-dialogue>
    </view>
</template>

<script lang="ts" setup>
const agentConfig = {
    // 主体内容
    main: {
        // 背景色
        // (1.数字类型， 1-4
        background: 1,
        // (2.对象类型 { type: 'image' | 'linear' | 'coLor' }
        // background: {
        // 	type: 'image',
        // 	url: "https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_1.svg", // 1-4
        // },
        // background: {
        // 	type: 'linear',
        // 	url: "-webkit-linear-gradient(top, #ffffff, #f3f4f8 120rpx)", // 1-4
        // },
        // background: {
        // 	type: 'color',
        // 	url: "rgb(217 224 255)", // 1-4
        // },
        // 背景角色
        role: 1 // 1-4
    },
    // 头部启动栏
    startup: {
        // 我是红商AI助手。您可以输入任何想要创作图像的主题，我们将为您创作。
        tip: '我是红商AI助手。您有任何关于红商集团的问题，我可以随时帮您解答。',
        avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_2.svg' // 1,2
    },
    // 猜你喜欢
    guess: true,
    // 音频识别
    audio: true,
    // 基础消息配置
    message: {
        // 等待状态提示语
        answerWait: 'AI助手思考中',
        // 问候语
        greeting: '您好！有什么可以帮助您的？'
    },
    // 支持的消息类型
    typeWhiteList: ['text', 'activity', 'coupon', 'goods', 'chart', 'tables', 'action', 'image'],
    // 消息角色配置
    roles: {
        // AI助手消息配置
        ai: {
            // 有名称就显示，没有就不显示
            name: 'AI助手',
            // 头像
            avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_2.svg', // 1,2
            // 位置
            placement: 'start'
        },
        // 用户消息配置
        user: {
            name: '用户名称1',
            avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_1.svg',
            placement: 'end'
        }
    },
    // 用户信息
    userInfo: {
        // userId: this.userInfo.userId,
        userId: '1670672134393978882'
    }
};
</script>

<style lang="scss" scoped></style>
